import {
  Text,
  Title2,
  makeStyles,
} from '@fluentui/react-components'

const useStyles = makeStyles({
  container: {
    display: 'flex',
    flexDirection: 'column',
    gap: '24px',
  },
  header: {
    marginBottom: '16px',
  },
})

const Crawler = () => {
  const classes = useStyles()

  return (
    <div className={classes.container}>
      <div className={classes.header}>
        <Title2>爬虫任务</Title2>
        <Text>管理和监控爬虫任务执行</Text>
      </div>
      
      <Text>爬虫任务页面 - 待实现</Text>
    </div>
  )
}

export default Crawler
